<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <h:form id="frmCheckPoint" enctype="multipart/form-data">
        <p:panel id="panelResultados" header="Carga Masiva de Recetas" toggleable="true" collapsed="true">
            <p:toolbar>
                <p:toolbarGroup align="left">
                    <p:commandButton ajax="true" value="Crear"
                                     actionListener="#{jsfBean.crearCheckPoint}"
                                     oncomplete="wvCargarArchivo.show()"
                                     update=":cargarArchivo :messages">
                    </p:commandButton>
                    <p:commandButton id="cmdEliminar" value="Eliminar"
                                     actionListener="#{jsfBean.showDeleteDialog}"
                                     update=":messages">
                        <f:attribute name="tableName" value="dtCheckPoint"/>
                        <f:attribute name="dialogName" value="wvDeleteDialog"/>
                    </p:commandButton>
                </p:toolbarGroup>
            </p:toolbar>
            <p:dataTable id="dtCheckPoint" value="#{jsfBean.checkPointList}"
                         selectionMode="single" selection="#{jsfBean.nuevoCheckPoint}"
                         var="checkPointItem" rowIndexVar="row" rowKey="#{checkPointItem.checkPointId}"
                         rows="10" paginator="true"
                         paginatorPosition="bottom" emptyMessage="No existen registros"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                         rowsPerPageTemplate="5,10,25,50">
                <p:column styleClass="columnLeftTopClass" style="width:50px">
                    <f:facet name="header">
                        <h:outputText value="Tipo"/>
                    </f:facet>

                    <h:outputText value="#{checkPointItem.tipo.nombre}"/>
                </p:column>
                <p:column styleClass="columnLeftTopClass" style="min-width:100px">
                    <f:facet name="header">
                        <h:outputText value="Nombre de Archivo"/>
                    </f:facet>

                    <h:outputText value="#{checkPointItem.nombreArchivo}"/>
                </p:column>
                <p:column styleClass="columnLeftTopClass" style="min-width:200px">
                    <f:facet name="header">
                        <h:outputText value="Comentario"/>
                    </f:facet>
                    <h:outputText value="#{checkPointItem.comentario}"/>
                </p:column>
                <p:column styleClass="columnLeftTopClass" style="width:50px">
                    <f:facet name="header">
                        <h:outputText value="Estado"/>
                    </f:facet>
                    <h:outputText value="#{checkPointItem.estado}"/>
                </p:column>

                <p:column styleClass="columnLeftTopClass" style="width:80px">
                    <f:facet name="header">
                        <h:outputText value="Fecha de Carga"/>
                    </f:facet>
                    <h:outputText value="#{checkPointItem.fechaCreacion}">
                        <f:convertDateTime pattern="#{messages.label_app_timeFormatLong}"
                                           timeZone="America/Lima"
                                           type="both"/>
                    </h:outputText>
                </p:column>
            </p:dataTable>
        </p:panel>
    </h:form>
    <ui:decorate template="uiDelete.xhtml">
        <ui:param name="jsfBean" value="#{jsfBean}"/>
    </ui:decorate>
</ui:composition>
